<script setup>
import { ref, toRefs } from 'vue';

const obj = ref({
  name: 'zs', age: 20
})

// 使用 toRefs 可以保证该对象展开的每个属性都是响应式的
const { name, age } = toRefs(obj.value)
</script>
  
  <template>
  <h1>Hello vue3</h1>
  <h1>{{ obj }}</h1>
  <h3>{{ name }}</h3>
  <h3>{{ age }}</h3>
  <button @click="obj.age++">点我加年龄</button>
</template>
  